草庐IT

Foundation 进度条

全部标签

javascript - 如何在 jQuery.get() 中有一个进度条

是否可以有一个进度条来衡量jQuery.get()的进度? 最佳答案 这在当前版本的jQuery中不是开箱即用的,但仍然可以不费吹灰之力。您应该监听jQuery允许您访问的XMLHttpRequest的progress事件。一个例子fromDaveBond'sblog:$.ajax({type:'POST',//'POST'heresothat_upload_progress_also_makessense;//Changeto'GET'ifyouneed.url:"/",data:{},beforeSend:function(XM

javascript - 显示一个进度条,显示表单提交的进度

这个问题还没有完全回答,欢迎投稿!我正在尝试显示一个简单的progressbar提交大表单时。该表单包含十几个字段,以及一些文件上传字段,用户可以在其中选择图片。然后,当他点击Create按钮,提交带有数据和图片的表单,并在数据库中创建实体。(只需单击一下即可提交表格和图片)。一切正常,但我想在提交过程中显示一个进度条。我找到了很多教程来解释如何显示进度条,但我找不到任何人解释如何显示进度条以指示方法完成的工作百分比,即,我希望在提交过程中看到10%、25%等...。所以,基本上,这就是我所做的:(这是一个ASP.NETMVC3项目)@modelMyModel@using(Html.B

javascript - JQuery 进度条内联文本

我正在尝试使用基本进度条,但是我无法弄清楚要在进度条中实际放置一些文本的css/命令。我正在使用这个进度条:http://docs.jquery.com/UI/Progressbar但是,如果它们实现起来同样简单,我对其他人持开放态度。我希望它在左Angular显示一些静态信息,然后在右侧部分某处显示完成百分比。我尝试做的所有css只是让信息显示在下面或旁边。我也不确定如何根据JQuery方法(JQuery的新方法)实际更改此CSS。下面是我实际的JQuery。不要试图理解url值只是假设它返回0-100。varurl="%%$protocol_url%%/bin/task_statu

使用 Team Foundation Server Build 进行 JavaScript 单元测试

我们使用的是TeamFoundationServer2010,我们使用Jasmine在本地机器上运行了一些JavaScript单元测试。.我们正在使用基于工作流程的构建。有没有人在构建期间成功运行Jasmine测试?如果Jasmine测试失败,您可以中断构建吗? 最佳答案 我看到的方法是使用CodePlex上可用的ChutzpahTestRunner:http://chutzpah.codeplex.com/这允许您从命令行运行Jasmine/QUnit测试,然后可以使用InvokeProcess事件轻松地将其与TFSBuild集成

javascript - 如何在 Chrome 中以编程方式切换 Zurb Foundation 开关控件?

我想使用javascript动态切换ZurbFoundationSwitch控件的状态。这是默认的ZurbFondation开关:OffOn演示here.它们基于thisproject,我相信。当我尝试使用jquery更改开关的状态时:$('#d1').attr('checked','checked');$('#d').removeAttr('checked');//SwitchON$('#d').attr('checked','checked');$('#d1').removeAttr('checked');//SwitchOFF它在Firefox中有效,但在Chrome中无效。在C

javascript - 在没有动画的情况下将进度条重置为零(在 Bootstrap 中)

我有多个操作要执行,我正在使用Bootstrap进度条来显示每个操作的进度。每个Action完成后,使用下面的代码行将进度条设置为零$('.progress').attr('样式',"宽度:0%")但是,这个动画是相反的,对于用户来说,应用程序似乎正在撤消之前执行的操作。如何在没有反向动画效果的情况下立即重置进度条? 最佳答案 您可以删除进度条的转换,如thisanswer中所述.notransition{-webkit-transition:none!important;-moz-transition:none!important

javascript - 如何报告 JavaScript 函数的进度?

我有一个相当长的JavaScript函数,它执行许多任务,我想通过在执行过程中使用消息更新SPAN元素的内容来向用户报告进度。我尝试在整个函数代码中添加document.getElementById('spnProgress').innerText=...语句。但是,当函数正在执行时,UI不会更新,因此您只能看到写入SPAN的最后一条消息,这不是很有帮助。我目前的解决方案是将任务分解为多个函数,在每个函数的末尾我设置SPAN消息,然后使用window.setTimeout调用“触发”下一个函数,延迟非常短(比如10毫秒)).这会产生控制权,并允许浏览器在开始下一步之前使用更新后的消息重

javascript - 更改 jquery ui 进度条的值

我正在尝试更改进度条小部件的值以接受我得到的json字符串,类似于:{'totalDays':31,'daysTaken':20}所以我希望“totalDays”是进度条的总值(总长度)和“daysTaken”来填充进度条。根据默认文档,只有填充的值可以更改:$(document).ready(function(){$("#progressbar").progressbar({value:37});}); 最佳答案 有一个单独的方法来设置初始化后的值。varobj={totalDays:31,daysTaken:20};$("#pr

javascript - Zurb Foundation 的样式自动完成

使用Foundation功能而不是jQueryCSS进行自动完成的最佳做法是什么?这是我的代码:http://jsfiddle.net/qhoc/88kfb/FieldsetInputLabel我只是不想在页面上包含另一个.css文件:所以我想我有两个问题:有没有办法使用Foundation或其他东西的dropdown?似乎dropdown仅适用于topbar并且它的css在该特定用例之外搞砸了。在Foundation中创建下拉菜单的“标准”方法是什么?请帮忙举个例子。因为我认为它要么是一堆rows,要么是dropdown的调整 最佳答案

javascript - 带有大列表的 Ajax 进度条

我有一个获取大型json列表的ajax调用。有什么方法可以制作一个进度条来获取json加载的实际值(例如,状态栏显示200次加载中有1次已加载)?现在我有一个非常基本的Ajax调用functionSendAjax(urlMethod,jsonData,returnFunction){$.ajax({type:"GET",contentType:"application/json;charset=utf-8",url:urlMethod,data:jsonData,dataType:"json",success:function(msg){if(msg!=null){ReturnJson